//react bootstrap 轮播demo
var React = require("react");
var {Carousel} = require("react-bootstrap");
var ctx = mei.basePath;//"/mf";//require.config.basePath;
class Loopshow extends React.Component{
    constructor(props) {
        super(props);
        console.info("Demo先运行构造方法")
        console.info(props);
    }

    render(){
        var fj1_url = ctx + "/image/fj1.jpg";
        var fj2_url = ctx + "/image/fj2.jpg";
        var fj3_url = ctx + "/image/fj3.jpg";
        return<div style={{width:600,height:300}}>
        <Carousel>
            <Carousel.Item style={{width:600,height:300}}>
                <img width={600} height={300} src={fj1_url}/>
                <Carousel.Caption>
                    <h3>风景1</h3>
                    <p>风景1描述</p>
                </Carousel.Caption>
            </Carousel.Item>
            <Carousel.Item style={{width:600,height:300}}>
                <img width={600} height={300} src={fj2_url}/>
                <Carousel.Caption>
                    <h3>风景2</h3>
                    <p>风景2描述</p>
                </Carousel.Caption>
            </Carousel.Item>
            <Carousel.Item style={{width:600,height:300}}>
                <img width={600} height={300} src={fj3_url}/>
                <Carousel.Caption>
                    <h3>风景3</h3>
                    <p>风景3描述</p>
                </Carousel.Caption>
            </Carousel.Item>
        </Carousel>
        </div>
    }
}

module.exports = Loopshow;

